<template>
	<view class="container">
		<customNavigation title=" " src="" src2="../static/images/nav_icon_logo.png" src2Left="5" color="white" background="#32A238"></customNavigation>
		<view class="main">
			<view class="mainBox">
				<view class="userMsg">
					<view class="msgTop">
						<view class="userName">
							{{userMsg.uName||"暂无"}}
						</view>
						<view class="userType" v-if="tapAdmin!==true">
							{{userMsg.role||"暂无"}}
						</view>
						<view class="otherType" v-if="userList.length>1" @click="changeUser">
							{{tapAdmin!==true?'管理员':'操作员'}}
						</view>
					</view>
					<view class="fleetName">
						{{userMsg.fleet||"暂无"}}
					</view>
					<view class="boxList" v-if="tapAdmin!==true">
						<view class="boxItem" @click="getTaskList">
							<image src="../../static/images/home_gzrw_bg.png" mode=""></image>
							<view class="boxContent">
								<view class="leftText">
									工作任务
								</view>
								<view class="leftText">
									{{userMsg.nowTaskCount||0}}
								</view>
							</view>
						</view>
						<view class="boxItem" @click="toReportAtHand">
							<image src="../../static/images/home_ssb_bg.png" mode=""></image>
							<view class="boxContent">
								<view class="rightText">
									随手报
								</view>
								<view class="rightText">
									{{userMsg.exceptionCount||0}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="msgBox" v-if="tapAdmin!==true">
					<view class="title">
						<image src="../../static/images/home_icon_glgg.png" mode="heightFix"></image>
					</view>
					<view class="msgContent">
						<swiper class="msgContent" :indicator-dots="true" :autoplay="true" :interval="9000" indicator-active-color="rgba(50, 162, 56, 1)" indicator-color="rgba(50, 162, 56, 0.5)" :duration="1000">
							<swiper-item v-for="item in list1" :key="item">
								<view class="swiper-item">
									<view class="msgItem" v-for="(childItem,index) in item" :key="index" @click="toNotice(childItem.id,childItem.url)">
										<view class="spot" v-if="childItem"></view>
										<view class="msgText">
											{{childItem.title||""}}
										</view>
										<view class="time">
											{{childItem.dtTime||""}}
										</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
				<view class="msgBox2" v-if="tapAdmin!==true">
					<view class="title">
						<image src="../../static/images/home_icon_zh.png" mode="heightFix"></image>
					</view>
					<view class="msgContent">
						<swiper class="msgContent" :indicator-dots="true" :autoplay="true" :interval="9000" indicator-active-color="rgba(50, 162, 56, 1)" indicator-color="rgba(50, 162, 56, 0.5)" :duration="1000">
							<swiper-item v-for="item in list2" :key="item">
								<view class="swiper-item">
									<view class="msgItem" v-for="(childItem,index) in item" :key="index" @click="toNotice(childItem.id,childItem.url)">
										<view class="spot" v-if="childItem"></view>
										<view class="msgText">
											{{childItem.title||""}}
										</view>
										<view class="time">
											{{childItem.dtTime||""}}
										</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
				<view class="tapBox1" v-if="tapAdmin!==true" @click="getTaskList">
					<image src="../../static/images/home_icon_gzrw.png" mode=""></image>
					<view class="tapBoxText">
						<view class="">
							工作任务
						</view>
						<view class="">
							({{userMsg.nowTaskCount||0}})
						</view>
					</view>
				</view>
				<view class="tapBox2" v-if="tapAdmin!==true" @click="toReportAtHand">
					<image src="../../static/images/home_icon_ssb.png" mode=""></image>
					<view class="tapBoxText">
						<view>随手报</view>
					</view>
				</view>
				<view class="tapBox1" v-if="tapAdmin!==true" style="margin-top: 24px;" @click="goMenu">
					<image src="../../static/images/sshb_jpg3.png" mode=""></image>
					<view class="tapBoxText">
						<view>常见工作</view>
					</view>
				</view>
				
				<view class="task" v-if="tapAdmin===true">
					<view class="title">
						<image src="../../static/images/home_icon_rwzx_nor.png" mode=""></image>
					</view>
					<view class="btnBoxList">
						<view class="btnBoxItem" v-for="(item,index) in workNumList" :key="item" >
							<image :src="item.State==-3?beforeIcon:item.State==-2?ingIcon:item.State==7?overIcon:item.State==20?waitIcon4:''" mode=""></image>
							<view class="btnBoxContent" @tap.stop="toH5(item.Url)">
								<view :class="item.State==-3?'btnBoxContentTop':item.State==-2?'btnBoxContentTop2':item.State==7?'btnBoxContentTop3':item.State==20?'btnBoxContentTop4':''">
									{{item.State==-3?'未开始':item.State==-2?'进行中':item.State==7?'已超时':item.State==20?'待我审批':''}}
								</view>
								<view :class="item.State==-3?'btnBoxContentBottom':item.State==-2?'btnBoxContentBottom2':item.State==7?'btnBoxContentBottom3':item.State==20?'btnBoxContentBottom4':''">
									{{item.Count}}
								</view>
							</view>
						</view>
					<!-- 	<view class="btnBoxItem">
							<image src="../../static/images/home_icon_jxz_nor.png" mode=""></image>
							<view class="btnBoxContent">
								<view class="btnBoxContentTop2">
									进行中
								</view>
								<view class="btnBoxContentBottom2">
									0
								</view>
							</view>
						</view>
						<view class="btnBoxItem">
							<image src="../../static/images/home_icon_ycq_nor.png" mode=""></image>
							<view class="btnBoxContent">
								<view class="btnBoxContentTop3">
									已超时
								</view>
								<view class="btnBoxContentBottom3">
									0
								</view>
							</view>
						</view>
						<view class="btnBoxItem">
							<image src="../../static/images/home_icon_dwpf_nor.png" mode=""></image>
							<view class="btnBoxContent">
								<view class="btnBoxContentTop4">
									待我审批
								</view>
								<view class="btnBoxContentBottom4">
									0
								</view>
							</view>
						</view> -->
					</view>

				</view>
				<view class="tapBox1" v-if="tapAdmin===true" @click="goMenu">
					<image src="../../static/images/sshb_jpg3.png" mode=""></image>
					<view class="tapBoxText">
						<view>常见工作</view>
					</view>
				</view>
				<view class="tapBox1" style="margin-top: 20px;" v-if="tapAdmin===true" @click="getTaskList">
					<image src="../../static/images/home_icon_gzrw.png" mode=""></image>
					<view class="tapBoxText">
						<view>检查任务</view>
						<view class="">
							({{userMsg.nowTaskCount||0}})
						</view>
					</view>
				</view>
				
				<view class="workList" v-if="tapAdmin===true">
					<view class="workItem">
						<view class="title">
							交办工作
						</view>
						<view class="content" v-for="(item,index) in assignedWork" :key="index" @click="toH5(item.url)">
							{{item.title}}
						</view>
						<view class="seeMore" v-if="assignedWork.length>0" @click="toH5(assignedWork[0].moreUrl)">
							查看更多&nbsp>>
						</view>
					</view>
					<view class="workItem">
						<view class="title">
							周期性的工作
						</view>
						<view class="content" v-for="(item,index) in periodicWork" :key="index" @click="toH5(item.url)">
							{{item.title}}
						</view>
						<view class="seeMore" v-if="periodicWork.length>0" @click="toH5(periodicWork[0].moreUrl)">
							查看更多&nbsp>>
						</view>
					</view>
					<view class="workItem">
						<view class="title">
							待批复的工作
						</view>
						<view class="content" v-for="(item,index) in ToBeApprovedWork" :key="index" @click="toH5(item.url)">
							{{item.title}}
						</view>
						<view class="seeMore" v-if="ToBeApprovedWork.length>0" @click="toH5(ToBeApprovedWork[0].moreUrl)">
							查看更多&nbsp>>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="tabLine" v-if="tapAdmin===true">
			<view class="tabItem" @click="toReadNotice">
				<image src="../../static/images/tab_icon_tzgg_sel.png" mode=""></image>
				通知公告
			</view>
			<view class="tabItem">
				<image src="../../static/images/tab_icon_jxkb_sel.png" mode=""></image>
				绩效看板
			</view>
			<view class="tabItem" @click="getWorkList">
				<image src="../../static/images/tab_icon_swjz_sel.png" mode=""></image>
				事务进展
			</view>
		</view>
		
		<view class="loginOut" @tap.stop="loginOut">
			退出登录
		</view>
	</view>
</template>

<script>
	import customNavigation from "@/components/custom-navigation.vue"
	import * as api from "../../utils/controller.js"
	export default {
		components:{
			customNavigation
		},
		data() {
			return {
				userList:[],
				userMsg:"",
				noticeList:[],
				list1:[],
				list2:[],
				tapAdmin:false,
				workNumList:[],
				beforeIcon:"../../static/images/home_icon_wks_nor.png",
				ingIcon:"../../static/images/home_icon_jxz_nor.png",
				overIcon:"../../static/images/home_icon_ycq_nor.png",
				waitIcon4:"../../static/images/home_icon_dwpf_nor.png",
				assignedWork:[],
				periodicWork:[],
				ToBeApprovedWork:[],
				appCode:"pyzl_anbiao",
				appsecret:"5EB02B7F96F24E4BA7082BE11F5FD567",
			}
		},
		onShow() {
			this.userList=uni.getStorageSync("userList")
			this.getTaskIndex()
			this.getNoticeList()
			this.judgeUserType()
		},
		mounted() {
			
		},
		methods: {
			//判断身份
			judgeUserType(){
				if(this.userList.length>1){
					this.tapAdmin=false
				}else{
					if(this.userList[0]=='管理员'){
						this.tapAdmin=true
					}else{
						this.tapAdmin=false
					}
				}
			},
			
			//跳转h5
			toH5(url){
				let jmUrl=encodeURIComponent(url)
				console.log(jmUrl,)
				uni.navigateTo({
					url:"/pages/h5Link/h5Link?url="+jmUrl
				})
			},
			
			//获取任务中心：状态-数量
			getManagerWorkNum(){
				api.GetWorkOrderStatus().then(res=>{
					console.log(res,'---workNumList---')
					this.workNumList=res.data
				})
			},
			
			//获取任务中心：待办事项
			getTodoTask(){
				api.GetTodoTask().then(res=>{
					let list=res.data
					list.forEach(item=>{
						if(item.type==1){
							this.assignedWork=item.list
						}else if(item.type==2){
							this.periodicWork=item.list
						}else if(item.type==3){
							this.ToBeApprovedWork=item.list
						}
					})
				})
			},
			
			//切换人员
			changeUser(){
				if(this.tapAdmin==true){
					this.tapAdmin=false
				}else{
					this.tapAdmin=true
				}
			},
			
			//跳转随手报
			toReportAtHand(){
				uni.navigateTo({
					url:"/pages/reportAtHand/reportAtHand"
				})
			},
			
			//跳转公告详情
			toNotice(id,url){
				if(!url){
					uni.navigateTo({
						url:"/pages/notice/notice?id="+id
					})
				}else{
					this.toH5(url)
				}
			},

			//获取首页top数据
			getTaskIndex(){
				let that=this
				api.GetTaskIndex().then(res=>{
					this.userMsg=res.data
					uni.setStorageSync("username",res.data.uName)
					if(res.data.isAdmin){
						that.getManagerWorkNum()
						that.getTodoTask()
					}
				})
			},
			
			//跳转阅读公告 
			toReadNotice(){
				uni.navigateTo({
					url:"/pages/readNotice/readNotice"
				})
			},
			
			//获取公告和知会列表
			getNoticeList(){
				let list1=[]	//公告
				let list2=[]	//知会
				api.GetNoticeList().then(res=>{
					uni.setStorageSync("list",res.data)
					res.data.forEach(item=>{
						if(item.noticeType==1){
							item.dtTime=item.dtTime.split(" ")[0]
							list1.push(item)
						}else{
							item.dtTime=item.dtTime.split(" ")[0]
							list2.push(item)
						}
					})
				let length1=parseInt(list1.length/4)
				let yu1=list1.length%4
				let num1=0
				let	length2=parseInt(list2.length/3)
				let yu2=list2.length%3
				let num2=0
				let fzList1=[]
				let fzList2=[]
				//公告
				console.log(list1)
				for(let i=0;i<list1.length;i=i+4){
					let list=[]
					list.push(list1[i])
					list.push(list1[i+1])
					list.push(list1[i+2])
					list.push(list1[i+3])
					fzList1.push(list)
					num1=num1+4
				}
				
				//知会
				for(let i=0;i<list2.length;i=i+3){
					let list=[]
					list.push(list2[i])
					list.push(list2[i+1])
					list.push(list2[i+2])
					fzList2.push(list)
					num1=num1+4
				}
				this.list1=fzList1
				this.list2=fzList2
				})
			},
			
			//跳转任务列表
			getTaskList(){
				uni.navigateTo({
					url:"/pages/taskList/taskList"
				})
			},
			
			//跳转任务进展
			getWorkList(){
				uni.navigateTo({
					url:"/pages/workList/workList"
				})
			},
			
			//退出登录
			loginOut(){
				let value={}
				value.appCode=this.appCode
				value.appsecret=this.appsecret
				api.loginOut(value).then(res=>{
					uni.reLaunch({
						url:"/pages/login/login"
					})
				})
			},
			
			// 跳转快捷菜单的H5
			goMenu(){
				uni.navigateTo({
					// url:"/pages/h5Menu/h5Menu"
					url:"/pageOne/commonWork/commonWorkList"
				})
			}
			
		}
	}
</script>

<style lang="less">
page{
	background-color: rgba(250, 250, 250, 1);
	padding-bottom: 120rpx;
	.main{
		width: 100%;
		height: auto;
		background: #32A238;
		overflow: hidden;
		margin-top: 11vh;
		.mainBox{
			width: 750rpx;
			min-height: 70vh;
			height: auto;
			background: #FAFAFA;
			border-radius: 30rpx 30rpx 0rpx 0rpx;
			margin-top: 186rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.userMsg{
				width: 686rpx;
				min-height: 205rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
				position: relative;
				top: -186rpx;
				padding: 35rpx 30rpx 30rpx 30rpx;
				box-sizing: border-box;
				.msgTop{
					width: 100%;
					height: 70rpx;
					overflow: hidden;
					padding: 0 18rpx 0 18rpx;
					box-sizing: border-box;
					.userName{
						font-size: 44rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2A2A2A;
						float: left;
					}
					.userType{
						width: 100rpx;
						height: 42rpx;
						background: #0C4320;
						border-radius: 10rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						text-align: center;
						line-height: 42rpx;
						float: left;
						margin-left: 30rpx;
						margin-top: 12rpx;
					}
					.otherType{
						width: 145rpx;
						height: 60rpx;
						border: 2rpx solid #32A238;
						border-radius: 30rpx;
						float: right;
						text-align: center;
						line-height: 60rpx;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #32A238;
					}
				}
				.fleetName{
					width: 100%;
					font-size: 26rpx;
					padding: 0 18rpx 0 18rpx;
					box-sizing: border-box;
					overflow: hidden;
					font-family: PingFang SC;
					font-weight: 400;
					color: #999999;
				}
				.boxList{
					width: 100%;
					height: auto;
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 48rpx;
					.boxItem{
						width: 300rpx;
						height: 137rpx;
						position: relative;
						image{
							width: 100%;
							height: 100%;
						}
						.boxContent{
							width: 300rpx;
							height: 137rpx;
							position: absolute;
							top: 0;
							left: 0;
							display: flex;
							padding: 30rpx;
							box-sizing: border-box;
							flex-direction: column;
							justify-content: space-between;
							align-items: flex-start;
							.leftText{
								font-size: 30rpx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #D09926;
							}
							.rightText{
								font-size: 30rpx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #3F8F69;
							}
						}
					}
				}
			}
			.msgBox{
				width: 686rpx;
				height: 395rpx;
				background: #FFFFFF;
				border-radius: 22rpx;
				position: relative;
				top:-162rpx;
				.title{
					width: 100%;
					height: 98rpx;
					padding: 0 30rpx 0 30rpx;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					border-bottom: 2rpx solid #F5F5F5;
					image{
						width: auto;
						height: 42rpx;
					}
				}
				.msgContent{
					width: 100%;
					height: 293rpx;
					.swiper-item{
						width: 100%;
						height: 293rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 30rpx;
						box-sizing: border-box;
						.msgItem{
							width: 100%;
							height: 52rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							box-sizing: border-box;
							.spot{
								width: 14rpx;
								height: 14rpx;
								background: #999999;
								border-radius: 50%;
							}
							.msgText{
								width: 388rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.time{
								width: 170rpx;
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
				}
				.msgContent2{
					width: 100%;
					height: 293rpx;
					.swiper-item{
						width: 100%;
						height: 293rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 30rpx;
						box-sizing: border-box;
						.msgItem{
							width: 100%;
							height: 52rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							box-sizing: border-box;
							.spot{
								width: 14rpx;
								height: 14rpx;
								background: #999999;
								border-radius: 50%;
							}
							.msgText{
								width: 388rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.time{
								width: 170rpx;
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
				}
			}
			.msgBox2{
				width: 686rpx;
				height: 395rpx;
				background: #FFFFFF;
				border-radius: 22rpx;
				position: relative;
				top:-138rpx;
				.title{
					width: 100%;
					height: 98rpx;
					padding: 0 30rpx 0 30rpx;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					border-bottom: 2rpx solid #F5F5F5;
					image{
						width: auto;
						height: 42rpx;
					}
				}
				.msgContent{
					width: 100%;
					height: 243rpx;
					.swiper-item{
						width: 100%;
						height: 293rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 30rpx;
						box-sizing: border-box;
						.msgItem{
							width: 100%;
							height: 52rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							box-sizing: border-box;
							.spot{
								width: 14rpx;
								height: 14rpx;
								background: #999999;
								border-radius: 50%;
							}
							.msgText{
								width: 388rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.time{
								width: 170rpx;
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
				}
				.msgContent2{
					width: 100%;
					height: 293rpx;
					.swiper-item{
						width: 100%;
						height: 293rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 30rpx;
						box-sizing: border-box;
						.msgItem{
							width: 100%;
							height: 52rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							box-sizing: border-box;
							.spot{
								width: 14rpx;
								height: 14rpx;
								background: #999999;
								border-radius: 50%;
							}
							.msgText{
								width: 388rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.time{
								width: 170rpx;
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
				}
			}
			.tapBox1{
				width: 686rpx;
				height: 200rpx;
				background: #FFFFFF;
				border-radius: 22rpx;
				position: relative;
				top: -114rpx;
				padding: 24rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-around;
				image{
					width: 160rpx;
					height: 160rpx;
				}
				.tapBoxText{
					width: 240rpx;
					font-size: 44rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2A2A2A;
					display: flex;
					align-items: flex-start;
					view:nth-child(2){
						font-size: 44rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #32A238;
					}
				}
			}
			.tapBox2{
				width: 686rpx;
				height: 200rpx;
				background: #FFFFFF;
				border-radius: 22rpx;
				position: relative;
				top: -90rpx;
				padding: 24rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-around;
				image{
					width: 160rpx;
					height: 160rpx;
				}
				.tapBoxText{
					width: 240rpx;
					font-size: 44rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2A2A2A;
					display: flex;
					justify-content: flex-start;
					view:nth-child(2){
						font-size: 44rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #32A238;
					}
				}
			}
			.task{
				width: 686rpx;
				height: 454rpx;
				background: #FFFFFF;
				border-radius: 22rpx;
				position: relative;
				top:-180rpx;
				.title{
					width: 100%;
					height: 98rpx;
					padding: 0 30rpx 0 30rpx;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					border-bottom: 2rpx solid #F5F5F5;
					image{
						width: 205rpx;
						height: 42rpx;
					}
				}
				.btnBoxList{
					width: 100%;
					height: auto;
					padding: 30rpx;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					justify-content: space-between;
					.btnBoxItem{
						width: 300rpx;
						height: 137rpx;
						position: relative;
						margin-bottom: 22rpx;
						image{
							width: 100%;
							height: 100%;
						}
						.btnBoxContent{
							width: 300rpx;
							height: 137rpx;
							position: absolute;
							top: 0;
							left: 0;
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							justify-content: space-between;
							padding: 20rpx 20rpx 20rpx 20rpx;
							box-sizing: border-box;
							.btnBoxContentTop{
								font-size: 30rpx;
								font-family: PingFangSC;
								font-weight: 500;
								color: #D09926;
							}
							.btnBoxContentBottom{
								font-size: 30rpx;
								font-family: DIN;
								font-weight: bold;
								color: #D09926;
							}
							.btnBoxContentTop2{
								font-size: 30rpx;
								font-family: PingFangSC;
								font-weight: 500;
								color: rgba(67, 145, 108,1);
							}
							.btnBoxContentBottom2{
								font-size: 30rpx;
								font-family: DIN;
								font-weight: bold;
								color: rgba(67, 145, 108,1);
							}
							.btnBoxContentTop3{
								font-size: 30rpx;
								font-family: PingFangSC;
								font-weight: 500;
								color: rgba(107, 120, 168, 1);
							}
							.btnBoxContentBottom3{
								font-size: 30rpx;
								font-family: DIN;
								font-weight: bold;
								color: rgba(107, 120, 168, 1);
							}
							.btnBoxContentTop4{
								font-size: 30rpx;
								font-family: PingFangSC;
								font-weight: 500;
								color: rgba(198, 123, 112, 1);
							}
							.btnBoxContentBottom4{
								font-size: 30rpx;
								font-family: DIN;
								font-weight: bold;
								color: rgba(198, 123, 112, 1);
							}
						}
					}
				}
			}
			.workList{
				width: 100%;
				padding: 0 30rpx 0 30rpx;
				box-sizing: border-box;
				.workItem{
					width: 100%;
					height: auto;
					.title{
						padding: 30rpx;
						box-sizing: border-box;
						width: 100%;
						height: auto;
						border-radius: 22rpx 22rpx 0rpx 0rpx;
						font-size: 36rpx;
						font-family: PingFangSC;
						font-weight: 500;
						color: #FFFFFF;
						background: rgba(50, 162, 56, 1);
					}
					.content{
						padding: 30rpx;
						box-sizing: border-box;
						font-size: 30rpx;
						font-family: PingFangSC;
						font-weight: 400;
						color: #999999;
					}
					.seeMore{
						color: #b1b1b1;
						text-align: right;
						margin-right: 20rpx;
						font-size: 28rpx;
						margin-bottom: 20rpx;
					}
				}
			}
		}
	}
	.loginOut{
		width: 450rpx;
		height: 72rpx;
		border-radius: 20rpx;
		text-align: center;
		line-height: 72rpx;
		font-size: 30rpx;
		color: white;
		background: #EB1D1D;
		margin-left: 150rpx;
		margin-bottom: 100rpx;
		margin-top: 30rpx;
	}
	.tabLine{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 98rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		font-size: 20rpx;
		font-family: PingFangSC;
		font-weight: 400;
		color: #32A238;
		background: white;
		.tabItem{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-around;
			image{
				width: 48rpx;
				height: 48rpx;
			}
		}
	}
}
</style>
